<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 3.新制作一个注册页面，要求
		      3.1 要求包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
		      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
		      3.3 每个需要提交的标签都要有name值
		      3.4 按照name的方式查找各个元素
		      3.5 按照标签的方式查找各个元素 -->
	</head>
	<body>
		注册页面<br><br>
		用户名：<input type="text" name="username" /><br><!-- 输入框 -->
		密码：<input type="password" name="pwd" /><br><!-- 密码框 -->
		性别：<input type="radio" name="gender"  value="man"/>男 <input type="radio" name="gender"  value="women" />女<br><!-- 单选框 -->
		学院：
		<select name="collge">
			<option value="rg">软件工程学院</option>
			<option value ="jy">教育与艺术学院</option>
			<option value ="xz">信息与制作学院</option>
			<option value ="cj">城乡建筑学院</option>
		</select>
		<br><!-- 下拉列表 -->
		爱好：<input type="checkbox" name="hobb" value="cg" />唱歌
		<input type="checkbox" name="hobb" value="tw" />跳舞
		<input type="checkbox" name="hobb" value="tjt" />弹吉他
		<input type="checkbox" name="hobb" value="qdm" />敲代码
		<br><!-- 多选框 -->
		自我介绍：<textarea rows="5" cols="20" name="zwjs"></textarea><br><!-- 文本域 -->
		<button type="button">提交</button><br>
		<button type="button" onclick="getnamee();">name的方式查找各个元素</button>
		<button type="button" id="biaoqian">标签的方式查找各个元素</button>
	</body>
	<script type="text/javascript">
		function getnamee(){
			console.log(document.getElementsByName('username'));
			console.log(document.getElementsByName('pwd'));
			console.log(document.getElementsByName('gender'));
			console.log(document.getElementsByName('collge'));
			console.log(document.getElementsByName('hobb'));
			console.log(document.getElementsByName('zwjs'));
		}
		function gettag(){
			console.log(document.getElementsByTagName('input'));
			console.log(document.getElementsByTagName('select'));
			console.log(document.getElementsByTagName('textarea'));
		}
		document.getElementById('biaoqian').onclick=gettag
	</script>
</html>
